{% extends 'base.html' %}

{% block link %}
    <meta charset="UTF-8">
    <link rel="dns-prefetch" href="//apps.bdimg.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=0.0, viewport-fit=cover">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name='robots' content='max-image-preview:large'/>
    <title>逐梦大陆-用户中心</title>

    <meta name="description" content="QIAN的用户中心-逐梦大陆逐梦大陆">

    <link rel='stylesheet' id='_main-css'
          href='/static/css/user-site.css' type='text/css'
          media='all'/>
    {#    <link rel='stylesheet' id='_main-css'#}
    {#          href='/static/css/site.css' type='text/css'#}
    {#          media='all'/>#}



{% endblock %}


{% block content %}

    <body class="logged-in white-theme logged-admin nav-fixed site-layout-1">

    <main class="main-min-height">
        <div class="container">
            <div class="author-header mb20 radius8 main-shadow main-bg full-widget-sm">
                <div class="page-cover"><img class="lazyload fit-cover user-cover user-cover-id-1"
                                             src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-lg.svg"
                                             data-src="/static/image/meizi2.jpg"
                                             alt="用户封面">
                    <div class="absolute linear-mask"></div>
                    <div class="abs-center right-bottom box-body cover-btns"><span class="dropup pull-right"><a
                            href="javascript:;" class="item mr3 toggle-radius" data-toggle="dropdown"><svg class="icon"
                                                                                                           aria-hidden="true"><use
                            xlink:href="#icon-menu_2"></use></svg></a><ul class="dropdown-menu"><li><a
                            href="https://www.zmdl.top/author/1" class=""><i
                            class="fa fa-map-marker mr6"></i>我的主页</a><li><li><a mobile-bottom="true"
                                                                                    data-height="330"
                                                                                    data-remote="https://www.zmdl.top/wp-admin/admin-ajax.php?action=user_cover_set_modal"
                                                                                    class="avatar-set-link "
                                                                                    href="javascript:;"
                                                                                    data-toggle="RefreshModal"><i
                            class="fa fa-camera mr6" aria-hidden="true"></i>修改封面</a><li></ul></span></div>
                </div>
                <div class="header-content">
                    <div class="flex header-info relative hh">
                        <div class="flex0 header-avatar">
                            <div class="hover-show relative"><span class="avatar-img"><img
                                    alt="头像-逐梦大陆"
                                    src=""
                                    data-src="/static/photo/{{ user.photo }}"
                                    class="lazyload avatar avatar-id-1"></span><a mobile-bottom="true" data-height="410"
                                                                                  data-remote=""
                                                                                  class="avatar-set-link absolute hover-show-con flex jc xx"
                                                                                  href="javascript:;"
                                                                                  data-toggle="modal" data-target="#avatarModal"><i
                                    class="fa fa-camera mb6" aria-hidden="true"></i>修改头像</a></div>
                        </div>
                        <!-- 用于修改头像的模态框 -->
                        <div class="modal fade" id="avatarModal" tabindex="-1" aria-labelledby="avatarModalLabel"
                             aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="avatarModalLabel">修改头像</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <!-- 在这里添加用于上传/选择新头像的表单元素 -->
                                        <input type="file" class="form-control" id="newAvatar" accept="image/*">
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消
                                        </button>
                                        <button type="button" class="btn btn-primary" id="enter-photo">保存修改</button>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="flex1">
                            <div class="em12 name"><span class="display-name">{{ user.username }}<img
                                    class="lazyload img-icon ml3"
                                    src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                    data-src="https://www.zmdl.top/wp-content/themes/zibll/img/user-level-1.png"
                                    data-toggle="tooltip" title="LV1"
                                    alt="等级-LV1-逐梦大陆逐梦大陆"></span>
                            </div>
                            <div class="desc user-identity flex ac hh"><a data-class="full-sm" mobile-bottom="true"
                                                                          data-height="240"
                                                                          data-remote="https://www.zmdl.top/wp-admin/admin-ajax.php?action=user_medal_info_modal&#038;id=1"
                                                                          class="user-medal-info but"
                                                                          href="javascript:;"
                                                                          data-toggle="RefreshModal">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-medal-color"></use>
                                </svg>
                                获取徽章<i class="fa fa-angle-right" style="margin: 0 0 0 .3em;"></i></a><span
                                    class="but" data-clipboard-tag="用户名" data-clipboard-text="QIAN"><i
                                    class="fa fa-user-o"></i>{{ user.username }}</span><span class="but"
                                                                                             data-clipboard-tag="邮箱"
                                                                                             data-clipboard-text="2679274354@qq.com"><i
                                    class="fa fa-envelope-o"></i>{{ user.email }}</span></div>
                        </div>
                        <div class="header-btns flex0 flex ac"><a data-class="modal-mini" mobile-bottom="true"
                                                                  data-height="240"
                                                                  data-remote="https://www.zmdl.top/wp-admin/admin-ajax.php?action=checkin_details_modal"
                                                                  class="but c-blue ml10 pw-1em radius checkin-details-link"
                                                                  href="javascript:;" data-toggle="RefreshModal"><i
                                class="fa fa-calendar-check-o"></i>已签到</a><a href="https://www.zmdl.top/message/news"
                                                                                class="msg-news-icon ml10"><span
                                class="toggle-radius msg-icon"><i class="fa fa-bell-o"
                                                                  aria-hidden="true"></i></span></a></div>
                    </div>
                </div>
            </div>
            <div class="fluid-widget"></div>
            <div class="user-center row gutters-10">
                <div class="col-sm-3">
                    <div class="sidebar-user"></div>
                    <div class="mb10-sm mb20 flex ac jsa zib-widget padding-10 text-center"><a
                            class="user-statistics-item" href="https://www.zmdl.top/author/1?tab=forum">
                        <div class="em14">0</div>
                        <div class="em09 opacity5 mt6">帖子</div>
                    </a><a class="user-statistics-item" href="/user/article_center?type=1">
                        <div class="em14">{{ user.boke_question|length }}</div>
                        <div class="em09 opacity5 mt6">文章</div>
                    </a><a class="user-statistics-item" href="">
                        <div class="em14">{{ comments_num }}</div>
                        <div class="em09 opacity5 mt6">评论</div>
                    </a><a class="user-statistics-item" href="/user/collection">
                        <div class="em14">{{ user.collection|length }}</div>
                        <div class="em09 opacity5 mt6">收藏</div>
                    </a><a class="user-statistics-item" href="">
                        <div class="em14">0</div>
                        <div class="em09 opacity5 mt6">粉丝</div>
                    </a></div>
                    <div class="mb20 mb10-sm payvip-icon btn-block badg pointer" style="padding: 14px 10px;"
                         data-onclick="[href='#user-tab-vip']">
                        <svg class="em12 mr6" aria-hidden="true" data-viewBox="0 0 1024 1024" viewBox="0 0 1024 1024">
                            <use xlink:href="#icon-vip_1"></use>
                        </svg>
                        开通会员 尊享会员权益<i class="fa fa-chevron-circle-right abs-right"></i></div>
                    <div class="flex ab jsb pointer" data-onclick="[href='#user-tab-balance']">
                        <div style="flex: 1;" class="mb10-sm zib-widget padding-10 flex1">
                            <div class="muted-color em09 mb6">余额<i class="ml6 fa fa-angle-right em12"></i></div>
                            <div class="flex jsb"><span class="font-bold c-blue-2 em12">0</span>
                                <svg class="em14" aria-hidden="true">
                                    <use xlink:href="#icon-money-color-2"></use>
                                </svg>
                            </div>
                        </div>
                        <div style="flex: 1;" class="mb10-sm zib-widget padding-10 flex1 ml6">
                            <div class="muted-color em09 mb6">积分<i class="ml6 fa fa-angle-right em12"></i></div>
                            <div class="flex jsb"><span class="font-bold c-yellow em12">{{ user.credit }}</span>
                                <svg class="em14" aria-hidden="true">
                                    <use xlink:href="#icon-points-color"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="flex ab jsb">
                        <div style="flex: 1;" class="mb10-sm zib-widget padding-10 flex1 pointer"
                             data-onclick="[href='#user-tab-income']">
                            <div class="muted-color em09 mb6">
                                <svg class="mr6" aria-hidden="true">
                                    <use xlink:href="#icon-merchant-color"></use>
                                </svg>
                                创作中心<i class="ml6 fa fa-angle-right em12"></i></div>
                            <div class="flex jsa text-center">
                                <div class="">
                                    <div class="font-bold em12">0</div>
                                    <div class="px12 opacity5">商品</div>
                                </div>
                                <div class="">
                                    <div class="font-bold em12">0</div>
                                    <div class="px12 opacity5">收入</div>
                                </div>
                            </div>
                        </div>
                        <div style="flex: 1;" class="mb10-sm zib-widget padding-10 flex1 pointer ml6"
                             data-onclick="[href='#user-tab-rebate']">
                            <div class="muted-color em09 mb6">
                                <svg class="mr6" aria-hidden="true">
                                    <use xlink:href="#icon-money-color"></use>
                                </svg>
                                推广中心<i class="ml6 fa fa-angle-right em12"></i></div>
                            <div class="flex jsa text-center">
                                <div class="">
                                    <div class="font-bold em12">0%</div>
                                    <div class="px12 opacity5">比例</div>
                                </div>
                                <div class="">
                                    <div class="font-bold em12">0</div>
                                    <div class="px12 opacity5">累计佣金</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zib-widget padding-6 mb10-sm">
                        <div class="padding-6 ml3">我的服务</div>
                        <div class="flex ac hh text-center icon-but-box user-icon-but-box">
                            <item class="icon-but-order" data-onclick="[href='#user-tab-order']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-order-color"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">我的订单</div>
                            </item>
                            <item class="icon-but-level" data-onclick="[href='#user-tab-level']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-trend-color"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">我的等级</div>
                            </item>
                            <item class="icon-but-auth" data-onclick="[href='#user-tab-auth']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-user-auth"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">官方认证</div>
                            </item>
                        </div>
                    </div>
                    <div class="zib-widget padding-6">
                        <div class="padding-6 ml3">功能设置</div>
                        <div class="flex ac hh text-center icon-but-box user-icon-but-box">
                            <item class="icon-but-msg" data-onclick="[href='#user-tab-msg']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-msg-color"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">消息通知</div>
                            </item>
                            <item class="icon-but-data" data-onclick="[href='#user-tab-data']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-user-color"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">个人资料</div>
                            </item>
                            <item class="icon-but-rewards" data-onclick="[href='#user-tab-rewards']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-gift-color"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">打赏收款</div>
                            </item>
                            <item class="icon-but-account" data-onclick="[href='#user-tab-account']">
                                <div class="em16">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-security-color"></use>
                                    </svg>
                                </div>
                                <div class="px12 muted-color mt3">账户安全</div>
                            </item>
                        </div>
                    </div>
                    <div class="sidebar-user"></div>
                    <div class="hide">
                        <ul class="list-inline scroll-x mini-scrollbar tab-nav-theme">
                            <li class="active"><a drawer-title="我的会员" data-drawer="show"
                                                  route="https://www.zmdl.top/user/vip"
                                                  route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                                  href="#user-tab-vip">我的会员</a></li>
                            <li><a drawer-title="我的资产" data-drawer="show" route="https://www.zmdl.top/user/balance"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-balance">我的资产</a></li>
                            <li><a drawer-title="创作分成" data-drawer="show" route="https://www.zmdl.top/user/income"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-income">创作分成</a></li>
                            <li><a drawer-title="推广中心" data-drawer="show" route="https://www.zmdl.top/user/rebate"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-rebate">推广中心</a></li>
                            <li><a drawer-title="我的订单" data-drawer="show" route="https://www.zmdl.top/user/order"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-order">我的订单</a></li>
                            <li><a drawer-title="我的等级" data-drawer="show" route="https://www.zmdl.top/user/level"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-level">我的等级</a></li>
                            <li><a drawer-title="官方认证" data-drawer="show" route="https://www.zmdl.top/user/auth"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-auth">官方认证</a></li>
                            <li><a drawer-title="打赏收款设置" data-drawer="show"
                                   route="https://www.zmdl.top/user/rewards" route-back="https://www.zmdl.top/user/"
                                   data-toggle="tab" data-ajax href="#user-tab-rewards">打赏收款</a></li>
                            <li><a drawer-title="个人资料设置" data-drawer="show" route="https://www.zmdl.top/user/data"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-data">个人资料</a></li>
                            <li><a drawer-title="账户绑定及安全" data-drawer="show"
                                   route="https://www.zmdl.top/user/account" route-back="https://www.zmdl.top/user/"
                                   data-toggle="tab" data-ajax href="#user-tab-account">账户绑定及安全</a></li>
                            <li><a drawer-title="消息通知设置" data-drawer="show" route="https://www.zmdl.top/user/msg"
                                   route-back="https://www.zmdl.top/user/" data-toggle="tab" data-ajax
                                   href="#user-tab-msg">消息通知</a></li>
                        </ul>
                    </div>
                </div>

                <div class="user-center-content col-sm-9 drawer-sm right">
                    <div class="tab-content main-tab-content">
                        <div class="ajaxpager tab-pane fade in active" id="user-tab-vip">
                            <div class="ajax-item">
                                <div class="row gutters-5 mb20">
                                    <div class="col-sm-6">
                                        <div class="vip-card pointer level-1 vip-theme1 pay-vip" vip-level="1">
                                            <div class="abs-center vip-baicon"><img class="lazyload img-icon "
                                                                                    src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                                                                    data-src="https://www.zmdl.top/wp-content/themes/zibll/img/vip-1.svg"
                                                                                    title="黄金会员" alt="黄金会员">
                                            </div>
                                            <div class="vip-img abs-right"><img class="lazyload img-icon "
                                                                                src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                                                                data-src="https://www.zmdl.top/wp-content/themes/zibll/img/vip-1.svg"
                                                                                title="黄金会员" alt="黄金会员"></div>
                                            <div class="relative">
                                                <div class="vip-name mb10"><span class="mr6"><img
                                                        class="lazyload img-icon "
                                                        src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                                        data-src="https://www.zmdl.top/wp-content/themes/zibll/img/vip-1.svg"
                                                        title="黄金会员" alt="黄金会员"></span>开通黄金会员
                                                </div>
                                                <ul class="mb10 relative">
                                                    <li>全站资源折扣购买</li>
                                                    <li>部分内容免费阅读</li>
                                                    <li>一对一技术指导</li>
                                                    <li>VIP用户专属QQ群</li>
                                                </ul>
                                                <a class="but jb-blue radius payvip-button"
                                                   href="javascript:;">开通黄金会员</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="vip-card pointer level-2 vip-theme2 pay-vip" vip-level="2">
                                            <div class="abs-center vip-baicon"><img class="lazyload img-icon "
                                                                                    src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                                                                    data-src="https://www.zmdl.top/wp-content/themes/zibll/img/vip-2.svg"
                                                                                    title="钻石会员" alt="钻石会员">
                                            </div>
                                            <div class="vip-img abs-right"><img class="lazyload img-icon "
                                                                                src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                                                                data-src="https://www.zmdl.top/wp-content/themes/zibll/img/vip-2.svg"
                                                                                title="钻石会员" alt="钻石会员"></div>
                                            <div class="relative">
                                                <div class="vip-name mb10"><span class="mr6"><img
                                                        class="lazyload img-icon "
                                                        src="https://www.zmdl.top/wp-content/themes/zibll/img/thumbnail-null.svg"
                                                        data-src="https://www.zmdl.top/wp-content/themes/zibll/img/vip-2.svg"
                                                        title="钻石会员" alt="钻石会员"></span>开通钻石会员
                                                </div>
                                                <ul class="mb10 relative">
                                                    <li>全站资源折扣购买</li>
                                                    <li>部分内容免费阅读</li>
                                                    <li>一对一技术指导</li>
                                                    <li>VIP用户专属QQ群</li>
                                                </ul>
                                                <a class="but jb-blue radius payvip-button"
                                                   href="javascript:;">开通钻石会员</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ajax-pag hide">
                                <div class="next-page ajax-next"><a href="#"></a></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-balance"><span class="post_ajax_trigger hide"><a
                                href="https://www.zmdl.top/user/?user_center=balance"
                                class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="row gutters-10 user-pay">
                                    <div class="col-sm-6">
                                        <div class="zib-widget">
                                            <div class="placeholder s1"></div>
                                            <div class="em3x c-blue">--</div>
                                            <i class="placeholder s1 mr10"></i><i class="placeholder s1"></i></div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="zib-widget">
                                            <div class="placeholder s1"></div>
                                            <div class="em3x c-blue">--</div>
                                            <i class="placeholder s1 mr10"></i><i class="placeholder s1"></i></div>
                                    </div>
                                </div>
                                <div class="box-body notop">
                                    <div class="title-theme"><b>订单明细</b></div>
                                </div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-income"><span
                                class="post_ajax_trigger hide"><a href="https://www.zmdl.top/user/?user_center=income"
                                                                  class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="row gutters-10 user-pay">
                                    <div class="col-sm-6">
                                        <div class="zib-widget">
                                            <div class="placeholder s1"></div>
                                            <div class="em3x c-blue">--</div>
                                            <i class="placeholder s1 mr10"></i><i class="placeholder s1"></i></div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="zib-widget">
                                            <div class="placeholder s1"></div>
                                            <div class="em3x c-blue">--</div>
                                            <i class="placeholder s1 mr10"></i><i class="placeholder s1"></i></div>
                                    </div>
                                </div>
                                <div class="box-body notop">
                                    <div class="title-theme"><b>订单明细</b></div>
                                </div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-rebate"><span
                                class="post_ajax_trigger hide"><a href="https://www.zmdl.top/user/?user_center=rebate"
                                                                  class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="row gutters-10">
                                    <div class="col-sm-6">
                                        <div class="zib-widget jb-red" style="height: 136px;"></div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div style="height: 136px;" class="zib-widget jb-blue"></div>
                                    </div>
                                </div>
                                <div class="zib-widget">
                                    <div class="box-body"><p class="placeholder k1"></p>
                                        <p class="placeholder k2"></p>
                                        <p class="placeholder k1" style="height: 120px;"></p>
                                        <p class="placeholder t1"></p>
                                        <p class="placeholder k1"></p>
                                        <p class="placeholder t1"></p>
                                        <p class="placeholder k1"></p>
                                        <p class="placeholder k1"></p>
                                        <p class="placeholder k1"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-order"><span class="post_ajax_trigger hide"><a
                                href="https://www.zmdl.top/user/?user_center=order"
                                class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="row gutters-10 user-pay">
                                    <div class="col-sm-6">
                                        <div class="zib-widget">
                                            <div class="placeholder s1"></div>
                                            <div class="em3x c-blue">--</div>
                                            <i class="placeholder s1 mr10"></i><i class="placeholder s1"></i></div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="zib-widget">
                                            <div class="placeholder s1"></div>
                                            <div class="em3x c-blue">--</div>
                                            <i class="placeholder s1 mr10"></i><i class="placeholder s1"></i></div>
                                    </div>
                                </div>
                                <div class="box-body notop">
                                    <div class="title-theme"><b>订单明细</b></div>
                                </div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                                <div class="zib-widget"><p class="placeholder k1"></p>
                                    <p class="placeholder t1"></p><i class="placeholder s1"></i><i
                                            class="placeholder s1 ml10"></i></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-level"><span class="post_ajax_trigger hide"><a
                                href="https://www.zmdl.top/user/?user_center=level"
                                class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="row gutters-10">
                                    <div class="col-sm-5">
                                        <div class="colorful-bg jb-vip1 zib-widget">
                                            <div class="colorful-make"></div>
                                            <div class="relative flex xx jsb" style="height: 146px;">
                                                <div class="placeholder k1"></div>
                                                <div class="placeholder t1"></div>
                                                <div class="placeholder s1"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-7">
                                        <div class="colorful-bg c-gray zib-widget">
                                            <div class="colorful-make"></div>
                                            <div class="relative flex xx jsb" style="height: 146px;">
                                                <div class="placeholder k1"></div>
                                                <div class="placeholder t1"></div>
                                                <div class="placeholder s1"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="zib-widget">
                                    <div class="box-body"><p class="placeholder k1"></p>
                                        <p class="placeholder k2"></p>
                                        <p class="placeholder k1" style="height: 120px;"></p>
                                        <p class="placeholder t1"></p>
                                        <p class="placeholder k1"></p>
                                        <p class="placeholder t1"></p>
                                        <p class="placeholder k1"></p>
                                        <p class="placeholder k1"></p>
                                        <p class="placeholder k1"></p></div>
                                </div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-auth"><span class="post_ajax_trigger hide"><a
                                href="https://www.zmdl.top/user/?user_center=auth"
                                class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div style="padding: 40px 20px;" class="colorful-bg c-blue flex jc zib-widget">
                                    <div class="colorful-make"></div>
                                    <div class="text-center">
                                        <div class="em4x">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-user-auth"></use>
                                            </svg>
                                        </div>
                                        <div class="mt10 em14 padding-w10 font-bold mb40">官方认证</div>
                                        <div class="placeholder" style="width: 120px;height: 30px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-rewards"><span class="post_ajax_trigger hide"><a
                                href="https://www.zmdl.top/user/?user_center=rewards"
                                class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="zib-widget">
                                    <div class="mt10">
                                        <div class="placeholder k1 mb10"></div>
                                        <div class="placeholder k1 mb10"></div>
                                        <div class="placeholder s1"></div>
                                    </div>
                                    <p class="placeholder k1 mb30"></p>
                                    <div class="placeholder t1 mb30"></div>
                                    <p class="placeholder k1 mb30"></p>
                                    <p style="height: 120px;" class="placeholder t1"></p></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade userdata-set" id="user-tab-data"><span
                                class="post_ajax_trigger hide"><a href="https://www.zmdl.top/user/?user_center=data"
                                                                  class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="zib-widget">
                                    <div class="mb30">
                                        <div class="author-set-left"><span class="avatar-img avatar-lg"><div
                                                class="placeholder avatar"></div></span></div>
                                        <div class="author-set-right mt6">
                                            <div class="placeholder k1 mb10"></div>
                                            <div class="placeholder k1 mb10"></div>
                                            <div class="placeholder s1"></div>
                                        </div>
                                    </div>
                                    <p class="placeholder k1 mb30"></p>
                                    <div class="placeholder t1 mb30"></div>
                                    <p class="placeholder k1 mb30"></p>
                                    <p style="height: 120px;" class="placeholder t1"></p></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade author-user-con" id="user-tab-account"><span
                                class="post_ajax_trigger hide"><a href="https://www.zmdl.top/user/?user_center=account"
                                                                  class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="zib-widget">
                                    <div class="mt10">
                                        <div class="placeholder k1 mb10"></div>
                                        <div class="placeholder k1 mb10"></div>
                                        <div class="placeholder s1"></div>
                                    </div>
                                    <p class="placeholder k1 mb30"></p>
                                    <div class="placeholder t1 mb30"></div>
                                    <p class="placeholder k1 mb30"></p>
                                    <p style="height: 120px;" class="placeholder t1"></p></div>
                            </div>
                        </div>
                        <div class="ajaxpager tab-pane fade" id="user-tab-msg"><span class="post_ajax_trigger hide"><a
                                href="https://www.zmdl.top/user/?user_center=msg"
                                class="ajax_load ajax-next ajax-open"></a></span>
                            <div class="post_ajax_loader">
                                <div class="zib-widget">
                                    <div class="box-body notop nopw-sm">
                                        <div class="border-bottom box-body">
                                            <div style="width: 150px;" class="placeholder t1 mb10"></div>
                                            <div class="placeholder t1"></div>
                                        </div>
                                        <div class="border-bottom box-body">
                                            <div style="width: 150px;" class="placeholder t1 mb10"></div>
                                            <div class="placeholder t1"></div>
                                        </div>
                                        <div class="border-bottom box-body">
                                            <div style="width: 150px;" class="placeholder t1 mb10"></div>
                                            <div class="placeholder t1"></div>
                                        </div>
                                        <div class="box-body nobottom">
                                            <div style="width: 150px;" class="placeholder t1"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container fluid-widget">
            <div class="theme-box">
                <div class="yiyan-box main-bg text-center box-body radius8 main-shadow">
                    <div class="yiyan"></div>
                </div>
            </div>
        </div>
    </main>

    <script>
        $('#enter-photo').click(function(e) {
            var formData = new FormData();
            var fileInput = $('#newAvatar')[0].files[0];
            formData.append('file', fileInput);
            $.ajax({
                url: '/user/change_photo', // 后端处理上传的脚本地址
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    location.reload();
                },
                error: function(error) {
                    console.error('文件上传失败', error);
                }
            });
        })
    </script>
    <script type="text/javascript">
        window._win = {
            views: '',
            www: 'https://www.zmdl.top',
            uri: 'https://www.zmdl.top/wp-content/themes/zibll',
            ver: '6.9.2',
            imgbox: '1',
            imgbox_type: 'group',
            imgbox_thumbs: '1',
            imgbox_zoom: '1',
            imgbox_full: '1',
            imgbox_play: '1',
            imgbox_down: '1',
            sign_type: 'modal',
            signin_url: 'https://www.zmdl.top/user-sign?tab=signin&redirect_to=https%3A%2F%2Fwww.zmdl.top%2Fuser%2F',
            signup_url: 'https://www.zmdl.top/user-sign?tab=signup&redirect_to=https%3A%2F%2Fwww.zmdl.top%2Fuser%2F',
            ajax_url: 'https://www.zmdl.top/wp-admin/admin-ajax.php',
            ajaxpager: '',
            ajax_trigger: '<i class="fa fa-angle-right"></i>加载更多',
            ajax_nomore: '没有更多内容了',
            qj_loading: '',
            highlight_kg: '1',
            highlight_hh: '',
            highlight_btn: '',
            highlight_zt: 'enlighter',
            highlight_white_zt: 'enlighter',
            highlight_dark_zt: 'dracula',
            upload_img_size: '500',
            img_upload_multiple: '10',
            upload_video_size: '500',
            user_upload_nonce: '24ca5ff399',
            comment_upload_img: ''
        }








    </script>

    <script type='text/javascript' src='https://www.zmdl.top/wp-content/themes/zibll/js/libs/bootstrap.min.js?ver=6.9.2'
            id='bootstrap-js'></script>
    <script type='text/javascript' src='https://www.zmdl.top/wp-content/themes/zibll/js/loader.js?ver=6.9.2'
            id='_loader-js'></script>
    <script type='text/javascript'
            src='https://www.zmdl.top/wp-content/themes/zibll/inc/functions/bbs/assets/js/main.min.js?ver=6.9.2'
            id='forums-js'></script>
    <script type="text/javascript">
        console.log("数据库查询：34次 | 页面生成耗时：1176.231ms");

    </script>
{% endblock %}